<!--<script setup>-->
<!--import HelloWorld from './components/HelloWorld.vue'-->
<!--import TheWelcome from './components/TheWelcome.vue'-->
<!--</script>-->

<!--<template>-->
<!--  <header>-->
<!--    <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />-->

<!--    <div class="wrapper">-->
<!--      <HelloWorld msg="You did it!" />-->
<!--    </div>-->

<!--    <div>-->
<!--      <router-link to="/login">登录</router-link>-->
<!--      &lt;!&ndash; 其他内容 &ndash;&gt;-->


<!--      &lt;!&ndash; 路由出口 &ndash;&gt;-->
<!--      &lt;!&ndash; 路由匹配到的组件将渲染在这里 &ndash;&gt;-->
<!--      <router-view></router-view>-->
<!--    </div>-->

<!--&lt;!&ndash;    &lt;!&ndash; 路由出口 &ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;    &lt;!&ndash; 路由匹配到的组件将渲染在这里 &ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;    <router-view></router-view>&ndash;&gt;-->

<!--  </header>-->

<!--  <main>-->
<!--    <TheWelcome />-->
<!--  </main>-->
<!--</template>-->

<!--<style scoped>-->
<!--header {-->
<!--  line-height: 1.5;-->
<!--}-->

<!--.logo {-->
<!--  display: block;-->
<!--  margin: 0 auto 2rem;-->
<!--}-->

<!--@media (min-width: 1024px) {-->
<!--  header {-->
<!--    display: flex;-->
<!--    place-items: center;-->
<!--    padding-right: calc(var(&#45;&#45;section-gap) / 2);-->
<!--  }-->

<!--  .logo {-->
<!--    margin: 0 2rem 0 0;-->
<!--  }-->

<!--  header .wrapper {-->
<!--    display: flex;-->
<!--    place-items: flex-start;-->
<!--    flex-wrap: wrap;-->
<!--  }-->
<!--}-->
<!--</style>-->


<template>
  <div id="app">

<!--    &lt;!&ndash; 添加到 /login 的链接 &ndash;&gt;-->
<!--    <router-link to="/login">登录</router-link>-->

    <!-- 仅当当前路由不是 /login 时，才显示登录按钮 -->
    <router-link to="/login" v-if="$route.path !== '/login'">登录</router-link>



    <!-- 路由视图 -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'App'
};
</script>

<style>
/* 样式 */
</style>
